﻿
body {
}

/*Text for the adult questions*/
.AdultQuestionText {
    font-family:'Helvetica';
    font-weight:bold;
	font-size:15px;
    margin-left:2.5px;
}

/*The style for all the "1-4" buttons*/
.button {
	-webkit-appearance:none;
	background-color:#ffffff;
	border:2px solid #000000;
	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:12.5px;
	padding:15px 7.5px;
	text-decoration:none;
    width:109px;
    float: left;
    margin-left:2.5px;
    position:relative;
    bottom:60px;

    transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

/*The style for all the "1-4" buttons when they are clicked*/
.buttonclicked {
    -webkit-appearance:none;
    border: 2px solid #000000;

    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;

    background-color: #9EED55;
    font-weight: bold;
    transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;

	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:12.5px;
	padding:15px 7.5px;
	text-decoration:none;
    width:109px;
    float: left;
    margin-left:2.5px;
    position:relative;
    bottom:60px;
}

/*The style for the "next question" button that appears when you choose your alternative*/
.nextQuestion {
	-webkit-appearance:none;
	background-color:#ffffff;
	border:2px solid #000000;
	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:12.5px;
	padding:15px 17px;
	text-decoration:none;
    width:109px;
    float: right;
    position:relative;
    bottom:170px;
    right:4px;
}
.nextQuestion:active {
	background-color:#9EED55;
}

/*The style for the "next question" button that appears on the first question*/
.nextQuestion1 {
	-webkit-appearance:none;
	background-color:#ffffff;
	border:2px solid #000000;
	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:12.5px;
	padding:15px 17px;
	text-decoration:none;
    width:109px;
    float: right;
    position:relative;
    right:4px;
    bottom:60px;
}
.nextQuestion1:active {
	background-color:#9EED55;
}

/*The style for the "next question" button that appears when you have to answer a text form*/
.nextQuestion2 {
	-webkit-appearance:none;
	background-color:#ffffff;
	border:2px solid #000000;
	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:12.5px;
	padding:15px 17px;
	text-decoration:none;
    width:109px;
    float: right;
    position:relative;
    bottom:-1px;
    right:4px;
}.nextQuestion2:active {
	background-color:#9EED55;
}

/*The style for the "Yes" button that appears when the woman ask the kid if he/she have answered the questions*/
.buttonYes {
	-webkit-appearance:none;
	background-color:#ffffff;
	border:2px solid #000000;
	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:11px;
    padding:15px 10px;
	text-decoration:none;
    width:200px;
    float: left;
    margin-left:11px;
    position:relative;
    bottom:60px;
}.buttonYes:active {
	background-color:#9EED55;
}

 /*The style for the "No" button that appears when the woman ask the kid if he/she have answered the questions*/
.buttonNo {
	-webkit-appearance:none;
	background-color:#ffffff;
	border:2px solid #000000;
	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:11px;
    padding:15px 10px;
	text-decoration:none;
    width:200px;
    float: right;
    margin-right:12.5px;
    position:relative;
    bottom:60px;
}.buttonNo:active {
	background-color:#9EED55;
}

 /*The "Klar" button*/
.done {
	-webkit-appearance:none;
	background-color:#ffffff;
	border:2px solid #000000;
	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:12.5px;
	padding:15px 17px;
	text-decoration:none;
    width:109px;
    float: right;
    position:relative;
    top:465px;
    right:4px;
}.done:active {
	background-color:#9EED55;
}

 /*the two first textboxes*/
 .tb1 {

     height:468px;
     width:444px;

}

 /*textbox nummer 3 and 4*/
.tb2 {

     height:453px;
     width:444px;

}

/*The div tag where all the images/textboxes and buttons are placed*/
.divSize {
    width:450px;
    height:600px;
    border: solid 1px black;
}

/*All the images*/
.PRiC_img {
    width:450px;
    height:600px;
    z-index:-1;
}

/*Specifies how it should look when you open the site on a screen with a max-width of 1000px*/
@media screen and (max-width: 1000px) {


/*Text for the adult questions*/
.AdultQuestionText {
	font-size:30px;
    margin-left:7.5px;
}

/*The style for all the "1-4" buttons*/
.button {
	-webkit-appearance:none;
	border:6px solid #000000;
	font-size:30px;
	padding:30px 0px;
    width:24%;
    margin-left:0.5%;
    margin-right:0.5%;
    position:relative;
    bottom:0px;
}

/*The style for all the "1-4" buttons when they are clicked*/
.buttonclicked {
    -webkit-appearance:none;
    border: 6px solid #000000;

    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;

	font-size:30px;
	padding:30px 0px;
    width:24%;
    margin-left:0.5%;
    margin-right:0.5%;
    position:relative;
    bottom:0px;
}

/*The style for the "next question" button that appears when you choose your alternative*/
.nextQuestion {
	-webkit-appearance:none;
	border:6px solid #000000;
	font-family:'Helvetica';
	font-size:30px;
	padding:30px 0px;
    width:24%;
    margin-right:10px;
    position:relative;
    bottom:0px;
}

/*The style for the "next question" button that appears on the first question*/
.nextQuestion1 {
	-webkit-appearance:none;
	border:6px solid #000000;
	font-family:'Helvetica';
	font-size:30px;
	padding:30px 0px;
    width:24%;
    margin-right:10px;
    position:relative;
    bottom:0px;
}

/*The style for the "next question" button that appears when you have to answer a text form*/
.nextQuestion2 {
	-webkit-appearance:none;
	border:6px solid #000000;
	font-size:30px;
	padding:30px 0px;
    width:24%;
    float: right;
    position:relative;
    bottom:0px;
    margin-right:10px;
}

/*The style for the "Yes" button that appears when the woman ask the kid if he/she have answered the questions*/
.buttonYes {
	-webkit-appearance:none;
	border:6px solid #000000;
	font-size:25px;
    padding:30px 0px;
    width:46%;
    float: left;
    margin-left:2%;
    position:relative;
    bottom:0px;
}

 /*The style for the "No" button that appears when the woman ask the kid if he/she have answered the questions*/
.buttonNo {
	-webkit-appearance:none;
	border:6px solid #000000;
	font-size:25px;
    padding:30px 0px;
    width:46%;
    float: right;
    margin-right:2%;
    position:relative;
    bottom:0px;
}

 /*The "Klar" button*/
.done {
	-webkit-appearance:none;
	background-color:#ffffff;
	border:2px solid #000000;
	display:inline-block;
	color:#000000;
	font-family:'Helvetica';
	font-size:12.5px;
	padding:15px 17px;
	text-decoration:none;
    width:109px;
    float: right;
    position:relative;
    top:465px;
    right:4px;
}.done:active {
	background-color:#9EED55;
}

 /*the last child pictures*/
.qStrip {

	width:100%;
	height:20%;

}

/*the two first textboxes*/
.tb1 {

    width: 100%;        
    height: 60%;
    min-height: 60%;
	padding-top:20%;
	padding-bottom:60%;

}
/*textbox number 3 and 4*/
.tb2 {

    width: 100%;        
    height: 50%;
    min-height: 55%;
	padding-top:20%;
	padding-bottom:55%;

}

/*the div where the nextquestion button is*/
.divNextQuestion {

	position:absolute;
	bottom:0;
	width:100%;
	height:11%;

}

/*the div where the 1-4 buttons are*/
.divButtons {

	position:absolute;
	bottom:0;
	width:100%;
	height:11%;
}

/*the div where the nextquestion button which are displayed when you choose an alternative is*/
.divNextButton {

	position:absolute;
	bottom:11%;
	width:100%;
	height:11%;

}



/*The div tag where all the images/textboxes and buttons are placed*/
.divSize {
    width: 100%;        
    height: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

/*All the images*/
.PRiC_img {
    width: 100%;        
    height: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}
}





